@charset "utf-8";
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #111111;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.wrap { width:1200px; margin:0 auto;}
/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
/* 初始化 */
body {width: 100%;height: 100%;font-size: 16px; background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; }
/*header*/
.header { height:123px;}
.h-logo { float:left; width:600px; padding-top:24px;}
.h-logo img { height:73px;}
.h-tel { float:right; background:url(../images/h-tel.png) no-repeat left center; padding-left:70px; margin-top:36px;}
.h-tel .tit { color:#333333; font-size:18px; line-height:28px; font-weight:bold; }
.h-tel .nob { color:#1985e7; font-size:18px; line-height:22px; margin-top:4px;}
/*nav*/
.nav { height:44px; background-color:#1985e7; text-align:center;}
.nav ul { display:inline-block;}
.nav ul li { float:left;color:#ffffff; font-size:16px; line-height:44px; padding:0 30px; margin:0 20px; position:relative; }
.nav ul li:after{content:""; position:absolute; left:-20px; top:16px; width:1px; height:13px; background-color:#1163ad; }
.nav ul li:first-child:after { display:none;}
.nav ul li a {color:#ffffff; display:block;}
.nav ul li:hover { background-color:#1163ad;}
.nav ul li.active { background-color:#1163ad;}
/*banner*/
.banner { height:auto;}
/* 本例子css */
.banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.banner .slideBox .hd{ height:8px; overflow:hidden; position:absolute; left:50%; margin-left:-25px; bottom:20px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1;}
.banner .slideBox .hd ul li{ float:left; margin:0 5px;  width:8px; height:8px;text-align:center;background-color:rgba(255, 255, 255, 0.6); cursor:pointer; border-radius:50%;}
.banner .slideBox .hd ul li.on{ background-color:rgba(25, 133, 231, 0.9);}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; height:auto; display:block;  }
/*i-pro*/
.i-pro { padding-top:59px; padding-bottom:68px;}
.i-pro-left { float:left; width:266px;}
.ipl-ban { height:88px; background: #1985e7 url(../images/pro-left-ban.jpg) no-repeat; color:#ffffff; font-size:24px; line-height:88px; font-weight:bold; text-align:center;letter-spacing: 1px;}
.ipl-list { width:264px; border:#dddddd solid 1px;}
.ipl-list ul li { color:#333333; font-size:16px; line-height:96px; position:relative; padding-left:43px; width:221px; background:url(../images/pro-jiao.png) no-repeat; background-position:232px 42px;}
.ipl-list ul li:before{content:""; position:absolute; left:17px; top:42px; width:10px; height:12px; background:url(../images/pro-hui.png) no-repeat;}
.ipl-list ul li:hover:before{content:""; position:absolute; left:0; top:11px; width:4px; height:74px; background-color:#1985e7; background-image:none;}
.ipl-list ul li:after{content:""; position:absolute; left:17px; top:0; width:230px; height:1px; background-color:#e4e4e4; }
.ipl-list ul li:first-child:after{ display:none;}
.ipl-list ul li a {color:#333333; display: block;}
.ipl-list ul li:hover a{color:#1985e7; font-weight:bold;}
.ipl-tel { height:108px; background: #1985e7 url(../images/pro-left-tel.png) no-repeat; background-position:18px 32px;  }
.ipl-tel .tit { color:#ffffff; font-size:14px; line-height:24px; padding-left:78px; padding-top:29px;}
.ipl-tel .nob { color:#ffffff; font-size:22px; line-height:30px; font-weight:bold; padding-left:78px; }
.i-pro-right { float:right; width:921px;}
.i-pro-right ul li { float:left; width:282px; height:auto; margin-bottom:9px; margin-left:25px;}
.i-pro-right ul li .pic{  width:282px; height:206px; text-align:center; line-height:196px; overflow:hidden;}
.i-pro-right ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s;}
.i-pro-right ul li .tit {color:#333333; font-size:14px; line-height:38px; text-align:center;}
.i-pro-right ul li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.i-pro-right ul li:hover .tit {color:#1985e7; }
/*i-public*/
.i-public { text-align:center;}
.i-public .tit {color:#333333; font-size:30px; line-height:1; font-weight:bold; background:url(../images/public-bg.png) no-repeat center center; }
.i-public .des {color:#666666; font-size:16px; line-height:1; margin-top:24px;}
/*i-anli*/
.i-anli { height:414px; background: #f5f5f5 url(../images/anli-bg.jpg) no-repeat top center; padding-top:61px;}
.i-anli-show { padding-top:35px;}
/* 本例子css */
.i-anli-show .picScroll-left{ width:1200px;  position:relative;   }
.i-anli-show .picScroll-left .hd{ overflow:hidden; }
.i-anli-show .picScroll-left .hd .prev{ display:block; position:absolute; left:-50px; top:104px; width:34px; height:34px; background:url(../images/btn-l.jpg) no-repeat;cursor:pointer; outline:none;}
.i-anli-show .picScroll-left .hd .next{ display:block; position:absolute; right:-50px; top:104px; width:34px; height:34px; background:url(../images/btn-r.jpg) no-repeat;cursor:pointer; outline:none;}
.i-anli-show .picScroll-left .hd .prev:hover { background:url(../images/btn-l2.jpg) no-repeat;}
.i-anli-show .picScroll-left .hd .next:hover { background:url(../images/btn-r2.jpg) no-repeat;}
.i-anli-show .picScroll-left .bd{  }
.i-anli-show .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.i-anli-show .picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:270px; height:262px; background-color:#FFF; margin:0 15px; }
.i-anli-show .picScroll-left .bd ul li .pic {width:270px; height:198px; text-align:center; line-height:188px; overflow:hidden;transition: 0.6s;}
.i-anli-show .picScroll-left .bd ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s;}
.i-anli-show .picScroll-left .bd ul li .tit { width:268px; height:62px; text-align:center; border:#efefef solid 1px; color:#333333; font-size:16px; line-height:62px;}
.i-anli-show .picScroll-left .bd ul li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.i-anli-show .picScroll-left .bd ul li:hover .tit {color:#1985e7; }
/*i-about*/
.i-about { padding-top:53px; padding-bottom:60px;}
.i-about-left { float:left; width:409px; height:398px; overflow:hidden;}
.i-about-left img { max-width: 100%;max-height: 100%; border:#f6f6f6 solid 12px;}
.i-about-right { float:right; width:720px; position:relative;}
.i-about-right .en {color:#f5f5f5; font-size:64px; line-height:1; font-weight:bold; text-transform:uppercase; padding-top:26px; margin-left:-25px;}
.i-about-right .cn { position:absolute; left:0; top:53px; color:#333333; font-size:24px; line-height:1; font-weight:bold;}
.i-about-right .des {color:#666666; font-size:14px; line-height:26px; margin-top:57px; position:relative;}
.i-about-right .des:after{content:""; position:absolute; left:0; top:-36px; width:20px; height:4px; background-color:#1985e7; }
.i-about-right .more { margin-top:53px;}
.i-about-right .more ul li { float:left; width:128px; height:44px; background-color:#333333;color:#f8f8f8; font-size:14px; line-height:44px; text-align:center; margin-right:20px;}
.i-about-right .more ul li a {color:#f8f8f8; display:block;}
.i-about-right .more ul li:first-child { background-color:#1985e7;}
.i-about-right .more ul li:hover { opacity:0.8;}
/*i-contact*/
.i-contact { height:441px; background: #f6f6f6 url(../images/contact-bg.jpg) no-repeat top center;}
.i-con-left { float:left; width:580px; padding-top:78px;}
.i-con-left img { height:286px;}
.i-con-right { float:right; width:540px; padding-top:54px;}
.i-con-right .cn {color:#333333; font-size:37px; line-height:1;}
.i-con-right .en {color:#e2e2e2; font-size:24px; line-height:1; font-weight:bold;text-transform:uppercase; margin-top:11px;}
.i-con-right .des {color:#333333; font-size:18px; line-height:54px; margin-top:60px;}
.i-con-right .des img { width:36px; height:36px; margin-right:13px;}
/*i-news*/
.i-news { padding-top:58px; padding-bottom:50px;}
.i-news-show { height:auto; padding-top:55px;}
.i-news-left { float:left; width:487px; height:443px; overflow:hidden; padding-top:5px;}
/* 本例子css */
.i-news-left .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.i-news-left .slideBox .hd{ height:8px; overflow:hidden; position:absolute; left:50%; margin-left:-25px; bottom:20px; z-index:1; }
.i-news-left .slideBox .hd ul{ overflow:hidden; zoom:1;}
.i-news-left .slideBox .hd ul li{ float:left; margin:0 5px;  width:8px; height:8px;text-align:center;background-color:rgba(255, 255, 255, 0.6); cursor:pointer; border-radius:50%;}
.i-news-left .slideBox .hd ul li.on{ background-color:rgba(25, 133, 231, 0.9);}
.i-news-left .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.i-news-left .slideBox .bd li{ zoom:1; vertical-align:middle; }
.i-news-left .slideBox .bd img{ width:100%; height:443px; display:block;  }
.i-news-right { float:right ; width:655px; height:auto; }
.i-news-right ul li { border-bottom:#eeeeee solid 1px;color:#666666; font-size:14px; line-height:44px; padding-left:20px; position:relative; }
.i-news-right ul li:after{content:">"; position:absolute; left:0; top:0; font-size:18px; font-weight:bold; line-height:44px; color:#dddddd;  }
.i-news-right ul li a {color:#666666; }
.i-news-right ul li span { float:right; color:#999999;}
.i-news-right ul li:hover a{color:#1985e7; font-weight:bold;}
.i-news-right ul li:hover:after {color:#1985e7; }
/*footer*/
.footer { background-color:#333333; padding-bottom:40px;}
.footer .f-linker { border-bottom:#777777 solid 1px; padding:34px 0;}
.footer .f-linker span {color:#999999; font-size:14px; line-height:30px; padding-left:10px; }
.footer .f-linker a {color:#999999; font-size:14px; line-height:30px; margin:0 10px; }
.footer .f-linker a:hover { text-decoration:underline;}
.f-con { height:auto;}
.f-left { float:left; width:1070px;}
.f-text { padding-top:53px;}
.f-text ul li{ float:left;color:#999999; font-size:16px; line-height:1; position:relative; margin-right:50px;}
.f-text ul li  a {color:#999999; }
.f-text ul li  a:hover {color:#eeeeee; }
.f-text ul li:after{content:""; position:absolute; left:-25px; top:0; width:1px; height:17px; background-color:#999999; }
.f-text ul li:first-child:after { display:none;}
.f-copy {color:#5c5c5c; font-size:16px; line-height:30px; padding-top:26px;}
.f-copy a {color:#5c5c5c;}
.f-copy a:hover { text-decoration:underline;}
.f-ewm { float:right; width:93px;  padding-top:39px;}
.f-ewm img { width:93px; height:93px;}

/*返回顶部*/
p#top{ position:fixed;display:none;bottom:0px;right:20px;}  
p#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;transition:color 1s;}  
p#top a:hover{ color:#979797;  }  
p#top a span{background:url(../images/gotop.png) no-repeat center;border-radius:6px;display:block;height:30px;transition:background 1s;}  
#top a:hover span{background:url(../images/gotop.png) no-repeat center;} 

/*内页*/
.n-main { height:auto; padding:20px 0; }
.n-main img { max-width:100%;}
.n-contact { padding:20px 0 30px; color:#333333; font-size:16px; line-height:30px;}
.n-left { float:left; width:266px;}
.npl-ban { height:88px; background: #1985e7 url(../images/pro-left-ban.jpg) no-repeat; color:#ffffff; font-size:24px; line-height:88px; font-weight:bold; text-align:center;letter-spacing: 1px;}
.npl-list { width:264px; border:#dddddd solid 1px;}
.npl-list ul li { color:#333333; font-size:16px; line-height:96px; position:relative; padding-left:43px; width:221px; background:url(../images/pro-jiao.png) no-repeat; background-position:232px 42px;}
.npl-list ul li:before{content:""; position:absolute; left:17px; top:42px; width:10px; height:12px; background:url(../images/pro-hui.png) no-repeat;}
.npl-list ul li:hover:before{content:""; position:absolute; left:0; top:11px; width:4px; height:74px; background-color:#1985e7; background-image:none;}
.npl-list ul li:after{content:""; position:absolute; left:17px; top:0; width:230px; height:1px; background-color:#e4e4e4; }
.npl-list ul li:first-child:after{ display:none;}
.npl-list ul li a {color:#333333; display: block;}
.npl-list ul li:hover a{color:#1985e7; font-weight:bold;}
.npl-tel { height:108px; background: #1985e7 url(../images/pro-left-tel.png) no-repeat; background-position:18px 32px;  }
.npl-tel .tit { color:#ffffff; font-size:14px; line-height:24px; padding-left:78px; padding-top:29px;}
.npl-tel .nob { color:#ffffff; font-size:22px; line-height:30px; font-weight:bold; padding-left:78px; }
.n-right { float:right; width:900px;}
.n-right-ban {height:50px; border-bottom:#d6d6d6 solid 1px; overflow:hidden;}
.n-posi-left { float:left; background:url(../images/home.png) no-repeat left center; background-size:15px 15px; padding-left:30px; color:#666666; font-size:16px; line-height:50px;}
.n-posi-left a { color:#333333;}
.n-posi-left a:hover { text-decoration:underline; }
.n-posi-right { float:right; padding-top:5px; }
.n-posi-right ul li { float:left;margin-right: 15px; color:#666666; font-size:16px; line-height:50px;}
.n-posi-right ul li  a { color:#666666;}
.n-posi-right ul li:hover { border-bottom:#1985e7 solid 5px; }
.n-posi-right ul li.active { border-bottom:#1985e7 solid 5px; }
/*详情页*/
.n-show {  padding:20px 0 30px; height:auto; position:relative;}
.n-show .tit {  font-size: 24px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #666;font-size: 13px;  padding: 20px 0px 15px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding: 10px 0px; font-size: 16px; line-height:30px;}
.n-show .other { padding: 20px 0px; text-transform:uppercase;}
.n-show .other p{font-size: 13px; line-height:24px;color: #666;}
.n-show .other p a { color: #666;}
.n-show .other p a:hover { text-decoration:underline;}
.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:30px; margin-bottom:30px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#1985e7; color:#FFF;}
/*n-news*/
.n-news-show { padding-top:5px; height:auto; }
.n-news-show ul li { border-bottom:#eeeeee solid 1px;color:#666666; font-size:14px; line-height:44px; padding-left:20px; position:relative; }
.n-news-show ul li:after{content:">"; position:absolute; left:0; top:0; font-size:18px; font-weight:bold; line-height:44px; color:#dddddd;  }
.n-news-show ul li a {color:#666666; }
.n-news-show ul li span { float:right; color:#999999;}
.n-news-show ul li:hover a{color:#1985e7; font-weight:bold;}
.n-news-show ul li:hover:after {color:#1985e7; }

.n-pro-show { height:auto; padding-top:20px;}
.n-pro-show ul li { float:left; width:282px; height:auto; margin-bottom:9px;}
.n-pro-show ul li:nth-child(3n+2) { margin-left:25px;}
.n-pro-show ul li:nth-child(3n+3) { margin-left:25px;}
.n-pro-show ul li .pic{  width:282px; height:206px; text-align:center; line-height:196px; overflow:hidden;}
.n-pro-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s;}
.n-pro-show ul li .tit {color:#333333; font-size:14px; line-height:38px; text-align:center;}
.n-pro-show ul li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.n-pro-show ul li:hover .tit {color:#1985e7; }

@media(max-width:1310px){
.i-anli-show .picScroll-left .hd .prev{ display:none; }
.i-anli-show .picScroll-left .hd .next{ display:none;}	
}

@media(max-width:1200px){
.nav{width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-anli {width:1200px; margin:0 auto;}
.i-about {width:1200px; margin:0 auto;}
.i-contact {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
}